<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- 引入Jquery函数类库 -->
<script type="text/javascript" src="/js/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
	$(function(){
		//alert("jquery引入成功")
		/*
			1.$.get(url,参数,回调函数)
			2.$.post(url,参数,回调函数)
			3.$.getJSON(url,参数,回调函数)
			4.$.getScript(url,参数,回调函数)
			5.$.ajax(url,参数,回调函数)
		*/
		/*$.get("/getAjax",function(data){
			 	$(data).each(function(index,user){
				 	var id = user.id;
				 	var name = user.name;
				 	var age = user.age;
				 	var sex = user.sex;
				 	var tr = "<tr align='center'><td>"+id+"</td><td>"+name+"</td><td>"+age+"</td><td>"+sex+"</td></tr>";
				 	$("#tab1").append(tr);
			 	})
		})*/
	
		
		$.ajax({ 
			url:"/getAjax",//定义url地址
			method:"get",//指定请求类型 
			data:{"id":"100"},//拼接参数 
			success:function(data){ 
				$(data).each(function(index,user){ 
					var id=user.id; 
					var name=user.name; 
					var age=user.age; 
					var sex=user.sex; 
					var tr="<tr align='center'><td>"+id+"</td><td>"+name+"</td> <td>"+age+"</td><td>"+sex+"</td></tr>"; 
					$("#tab1").append(tr);
				}) 
			},
				error:function(){ 
					alert("出错了！！！") 
					} 
		})
	})
		
</script>
<title>您好Springboot</title>
</head>
<body>
	<table border="1px" width="65%" align="center" id="tab1">
		<tr>
			<td colspan="6" align="center"><h3>学生信息</h3></td>
		</tr>
		<tr>
			<th>编号</th>
			<th>姓名</th>
			<th>年龄</th>
			<th>性别</th>
		</tr>
	</table>
</body>
</html>